<template>
	<el-form :model="formData" inline ref="form" label-width="66px">
		<el-form-item label="订单编号" prop="num">
			<el-input
				v-model="formData.num"
				placeholder="搜索订单编号"
				style="width: 150px"
			>
			</el-input>
		</el-form-item>
		<el-form-item label="产品名称" prop="productName">
			<el-input
				v-model="formData.productName"
				placeholder="搜索产品名称"
				style="width: 150px"
			>
			</el-input>
		</el-form-item>
		<el-form-item label="投保人" prop="customerName" label-width="56px">
			<el-input
				v-model="formData.customerName"
				placeholder="搜索投保人"
				style="width: 150px"
			>
			</el-input>
		</el-form-item>
		<el-form-item label="被保险人" prop="relationName">
			<el-input
				v-model="formData.relationName"
				placeholder="搜索被保险人"
				style="width: 150px"
			>
			</el-input>
		</el-form-item>
		<!-- <el-form-item label="产品名称" label-width="80px">
			<el-select v-model="formData.status" style="width: 120px">
				<el-option
					v-for="option in statusOptions"
					:key="option.value"
					:label="option.name"
					:value="option.value"
				>
					{{ option.name }}
				</el-option>
			</el-select>
		</el-form-item> -->
		<!-- <el-form-item label="上线日期" label-width="80px">
			<el-date-picker
				style="width: 200px"
				v-model="formData.upTime"
				type="daterange"
				placeholder="选择日期"
				value-format="yyyy-MM-dd"
			>
			</el-date-picker>
		</el-form-item> -->
		<el-form-item>
			<el-button type="primary" @click="submit">搜索</el-button>
			<el-button type="primary" @click="reset" plain>重置</el-button>
		</el-form-item>
	</el-form>
</template>

<script>
// import { CrmProductSkuListByProductId } from '@/api/intelligence'
export default {
	data() {
		return {
			formData: {
				relationName: '',
				customerName: '',
				productName: '',
				num: ''
			},
			skuOptions: [],
			statusOptions: [
				{ name: '使用中', value: 0 },
				{ name: '已过期', value: 1 },
				{ name: '已用完', value: 2 }
			]
		}
	},
	computed: {},
	mounted() {
		// CrmProductSkuListByProductId({
		// 	productId: '12'
		// }).then((res) => {
		// 	this.skuOptions = res.data
		// })
	},
	methods: {
		// value() {
		// 	return { ...this.formData }
		// }
		submit() {
			this.$emit('search')
		},
		reset() {
			this.$refs.form.resetFields()
		}
	},
	components: {}
}
</script>

<style lang="scss" scoped="scoped">
::v-deep {
	.el-form-item {
		margin-bottom: 12px;
	}
}
</style>
